@section('title')
    职位
@endsection
@include('Home.Common._meta')
@include('Home.Common._menu')
<link rel="stylesheet" href="/css/pager.css">
<style>.jobs_content table th,.jobs_content table td{text-align:center;}</style>
<main class="jobs_content">
    <div class="container">
        <form id="selector1">
            <h2>悬赏猎聘职位 <span>（30秒快速投递！投递后猎头将于0-2工作日内，联系您具体沟通企业和职位情况，进行推荐！）</span></h2>
        </form>

        <table id="jobs_select" class="all-client-table layui-table ">
            <thead>
            <tr>
                <th>职位编号</th>
                <th>职位名称</th>
                <th>企业名称</th>
                <th>工作地区</th>
                <th>税后月薪</th>
                <th>悬赏金</th>
                <th>发布时间</th>
                <th class="tac">操作</th>
            </tr>
            </thead>
            <tbody>
            @foreach($list as $item)

            <tr>
                <td data-label="职位编号">{{$item->id}}</td>
                <td data-label="职位名称">{{$item->title}}</td>
                <td data-label="企业名称">{{$item->replace_name}}</td>
                <td data-label="工作地区">{{$item->region_name}}</td>
                <td data-label="税后月薪">{{$item->range_name}}</td>
                <td data-label="悬赏金">{{$item->reward}}</td>
                <td data-label="发布时间">{{$item->updated_at}}</td>
                <td data-label="操作" class="tac layui-row layui-col-space10">
                    <p style="display: none">{{$item->demand}}</p>
                    <a href="javascript:;" class="check-job"  onclick="open_button2(this,'{{$item->title}} 职位要求')" index=" <textarea style='width:800px;height:300px;padding:20px;border:none;'>{{$item->demand}}</textarea>">职位要求</a>
                    <a href="javascript:;" class="check-job"  onclick="open_button('{{route('job_resume_add',$item->id)}}','快速投递')">快速投递</a>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>

        <!-- 分页 s -->
        @if($num>1)
            <div class="news-pager">
                <ul class="pagination" id="page">
                </ul>
                <div class="pageJump">
                    <span>跳转到</span>
                    <input type="text"/>
                    <span>页</span>
                    <button type="button" class="button">确定</button>
                </div>
            </div>
        @endif
        <!-- 分页 e -->
    </div>
</main>
@section('footer')

    <script>
        //查看/添加
        function open_button2(obj2,title,w=800,h=400){

            layer.open({
                type: 1,
                title: title,
                area: [w+'px', h+'px'],
                shadeClose: true, //点击遮罩关闭
                content: $(obj2).attr('index'),
            })
        }
        /***  分页 JS  ***/
        Page({
            num: '{{$num}}',		//页码数
            startnum: '{{$page}}',				//指定页码
            elem:$('#page'),		//指定的元素
            callback:function(n){	//回调函数
                window.location.href = '{{route('job')}}?page='+n;
            }
        });
    </script>
@endsection
@include('Home.User.Common._footer')